<DOCTYPE html>
    <html lan!g="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style>
            .onek {
                width: 300px;
                height: 300px;
                transition: all 0.5s;
                border: 10px solid rgb(197, 203, 16);
            }

            .onek img {
                width: 100%;
                height: 100%;
            }

            .onek:hover {
                border-color: blue;
            }
        </style>
        <title>边距交互</title>
    </head>

    <body>
        <div class="onek">
            <img src="https://www.xiangzizhuye.cn/test.png" >
        </div>
    </body>

    </html>